<div class="main-container">
    <div fxLayout="row">
        <div>
            <img class="img-title" src="../assets/icons/android-chrome-512x512.png" />
        </div>
        <div>
            <h2>明日方舟工具箱</h2>
            <p>欢迎使用，请在导航栏选择相应功能使用。</p>
            <p *ngIf="!cn" class="notice"><a href="https://aktoolscn.graueneko.xyz">国内用户请点这里</a></p>
            <p *ngIf="cn" class="notice"><a href="https://aktools.graueneko.xyz">国际用户请点这里</a></p>

        </div>
    </div>
    &nbsp;
    <div>
        <h3>最近更新</h3>
    </div>
    <div id="updates">
        <p>2020.03.25 关卡数据</p>
        <p>2020.03.17 新干员：宴，柏喙，慑砂，风笛</p>
        <p>2020.02.27 适配新版Planner API 支持关卡排除</p>
        <p>2020.02.25 新干员：刻俄柏，惊蛰</p>
        <p>2020.02.10 自动识别更新，如遇到Bug请前往项目界面发起issue。</p>
        <p>2020.01.14 加入暗色模式，请点右上角月亮图标切换。</p>
        <p>2020.01.14 新干员：年，吽，阿</p>
    <p>Tip: 移动端和平板用户可以将任意页面添加到桌面，获得与本地App相同的使用体验：快速加载，离线使用，自动更新。</p>
    <p>详情请点击右上角<i class="material-icons">help</i>查看。</p>
    <h3>贡献者</h3>
    <div class="contributors" fxLayout="row wrap" fxLayoutAlign="start center">
        <div class="contributor" fxLayout="column" fxLayoutAlign="center center">
            <a href="https://github.com/graueneko/">
                <img src="../../assets/img/main/graueneko.png" /><br />
                一只灰猫
            </a>
        </div>
        <div class="contributor" fxLayout="column" fxLayoutAlign="center center">
            <a href="https://github.com/Evealicemier">
                <img src="../../assets/img/main/crystal.jpg" /><br />
                水晶泡芙
            </a>
        </div>
        <div class="contributor" fxLayout="column" fxLayoutAlign="center center">
            <a href="https://github.com/Luke-lujunxian">
                <img src="../../assets/img/main/Luke_lu.jpg" /><br />
                Luke_lu
            </a>
        </div>
        <div class="contributor" fxLayout="column" fxLayoutAlign="center center">
            <a href="https://github.com/bbaa-bbaa">
                <img src="../../assets/img/main/bbaa.png" /><br />
                bbaa
            </a>
        </div>
        <div class="contributor" fxLayout="column" fxLayoutAlign="center center">
            <a href="https://github.com/Yue-plus">
                <img src="../../assets/img/main/Yue_plus.png" /><br />
                Yue_plus
            </a>
        </div>
    </div>

    <h3>建议/需求/加入我们</h3>
    <div class="joinus" fxLayout="row wrap" fxLayoutAlign="start center">
        <div class="contributor" fxLayout="column" fxLayoutAlign="center center">
            <a href="https://github.com/graueneko/aktools">
                <img src="../../assets/img/main/github.png" /><br />
                Github
            </a>
        </div>
        <div class="contributor" fxLayout="column" fxLayoutAlign="center center">
            <a href="https://t.me/aktools">
                <img src="../../assets/img/main/telegram.png" /><br />
                Telegram
            </a>
        </div>
    </div>
    <h3>友情链接</h3>
    <p><a href="https://www.bigfun.cn/forum/31/new">bigfun - 明日方舟</a></p>
    <p><a href="https://bbs.nga.cn/thread.php?fid=-34587507">NGA 明日方舟-罗德岛驻艾泽拉斯大使馆</a></p>
    <p>欢迎向<a href="https://penguin-stats.io">企鹅物流数据统计</a> 贡献材料掉落信息</p>
</div>
